﻿@using Simple_PM.Models
@model TaskModel
@{
    Layout = null;
}

@using (Html.BeginForm())
{
    <div class="editor-field">
        Task :
    </div>
    <div class="editor-label">
    @Html.TextAreaFor(m => m.TaskTitle, new {style="width:100%; height:130px;"})
    </div>
    
    <div class="editor-field">
        Category :
    </div>
    <div class="editor-label">
        @Html.DropDownListFor(m => m.CategoryId, Model.CategoryList)
    </div>
   
    <div class="editor-field">
        <div class="editor-label">Scheduled for :</div>
        <div class="editor-field">@Html.TextBoxFor(m => m.TaskScheduled, new { @class = "date" })</div>
    </div>
    
    <div class="editor-label">
        <input type="submit" value="Add Task" class="sbuttons" />
    </div>
}

<p>

<p><b>Shortcuts</b> </p>

<ul>
    <li>To Close: Press 'Esc'</li>
    <li>To Save: Press 'Enter'</li>
</ul>

</p>

<script type="text/javascript">
    $(document).ready(function () {

        $('.date').datepicker({ dateFormat: "dd/mm/yy" }).datepicker("setDate","0");

    });
</script>